<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript">
	window.onload =function (){
		var el = document.getElementById("idHeader");
/*		
		alert(el.getAttribute("id"));
		alert(el.id);
		//All --> idHeader									【获取id用	都可以】
*/
		// alert(el.getAttribute("class")); 				【可以封装一个getByClass函数】
		//IE6,IE7 -> null
		//IE8,IE9,Firefox,Chorme,Safari ->class-header
/*
		alert(el.class);
		//IE6,IE7,IE8->报错
		//IE9,Firefox->undefined
		alert(el.getAttribute("className"));
		//IE6,IE7->class-header 
		//IE8,IE9,Firefox -> undefined

		alert(el.className);
		//All -> class-header								【获取class用	元素.className】


		var elfor = document.getElementById("forUserName");
		alert(elfor.getAttribute("for"));
		//IE6,IE7->undefined IE8,9,Firefox->forUseName

		alert(elfor.for )									【获取for用		？？？？】
		//IE6,IE7报错,其它为undefined
		alert(elfor.title)									
		//全部输出kingwell									【获取title用	元素.title】
		alert(elfor.status);
		//IE6-8 -> 1 IE9,Firefox->undefined

		alert(elfor.getAttribute("status"))
*/		//全部输出 1 
	}

/*
	getAttribute和setAttribute有许多兼容问题
	总结：（node--节点）
    1:常规属性建议使用 node.XXXX。
    2:自定义属性建议使用node.getAttribute("XXXX")。
    3:当获取的目标是JS里的关键字时建议使用node.getAttribute("XXX")，如label中的for。
    4:当获取的目标是保留字,如：class,请使用className代替。
    
*/
	</script>
</head>
<body>
	<div id="idHeader" class="class-header" title="kingwell" status="1"></div>  
	<label id="forUserName" for="userName" title="kingwell" status="1"></label>
</body>
</html>